<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/cost.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
    <use-body>
        <div class="page-body cost">
            <div class="page-border">
                <!-- 搜索 -->
                <div class="search-box">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <i class="iconfont  use-search"></i>
                        </div>
                        <input type="text" placeholder="Search..." class="layui-input">
                    </div>
                    <div class="btn-box">
                        <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">
                            <i class="iconfont  use-search"></i>
                            搜索
                        </button>
                        <button type="button" class="layui-btn layui-btn-normal layui-btn-radius">我的招标项目</button>
                    </div>
                </div>
                <div class="layui-tab layui-tab-brief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">清单大厅</li>
                        <li>模块大厅</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <!-- 过滤条件 -->
                            <div class="filters">
                                <div class="item">
                                    <div class="title">按行业：</div>
                                    <div class="layui-form filtersRadio">
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="全部">
                                            <div lay-radio><span>全部</span></div>
                                        </div>
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="*****工程">
                                            <div lay-radio><span>建筑工程</span></div>
                                        </div>
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="*****工程">
                                            <div lay-radio><span>市政工程</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item" style="background: #F5F5F5;">
                                    <div class="title"></div>
                                    <div class="layui-form filtersRadio">
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="全部">
                                            <div lay-radio><span>全部</span></div>
                                        </div>
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="*****工程">
                                            <div lay-radio><span>建筑工程</span></div>
                                        </div>
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="*****工程">
                                            <div lay-radio><span>市政工程</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">按发布时间：</div>
                                    <div class="layui-form filtersRadio">
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="全部">
                                            <div lay-radio><span>全部</span></div>
                                        </div>
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="*****工程">
                                            <div lay-radio><span>*****工程</span></div>
                                        </div>
                                        <div class="cell">
                                            <div>
                                                时间区段
                                                <div class="layui-inline" id="ID-laydate-range">
                                                    <div class="layui-input-inline">
                                                        <input type="text" autocomplete="off" id="ID-laydate-start-date"
                                                            class="layui-input" placeholder="开始日期">
                                                    </div>
                                                    <div class="layui-form-mid"
                                                        style="float: none; display: inline-block;">-</div>
                                                    <div class="layui-input-inline">
                                                        <input type="text" autocomplete="off" id="ID-laydate-end-date"
                                                            class="layui-input" placeholder="结束日期">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">按所处阶段：</div>
                                    <div class="layui-form filtersRadio">
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="全部">
                                            <div lay-radio><span>全部</span></div>
                                        </div>

                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">按计价依据：</div>
                                    <div class="layui-form filtersRadio">
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="全部">
                                            <div lay-radio><span>全部</span></div>
                                        </div>

                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">按计税方式：</div>
                                    <div class="layui-form filtersRadio">
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="全部">
                                            <div lay-radio><span>全部</span></div>
                                        </div>

                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">按地区：</div>
                                    <div class="layui-form filtersRadio">
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="全部">
                                            <div lay-radio><span>全部</span></div>
                                        </div>

                                        <div class="cell">
                                            <div class="layui-input-inline">
                                                <select name="quiz1">
                                                    <option value="">请选择省</option>
                                                    <option value="浙江" selected>浙江省</option>
                                                    <option value="你的工号">江西省</option>
                                                    <option value="你最喜欢的老师">福建省</option>
                                                </select>
                                            </div>
                                            <div class="layui-input-inline">
                                                <select name="quiz2">
                                                    <option value="">请选择市</option>
                                                    <option value="杭州">杭州</option>
                                                    <option value="宁波" disabled>宁波</option>
                                                    <option value="温州">温州</option>
                                                    <option value="温州">台州</option>
                                                    <option value="温州">绍兴</option>
                                                </select>
                                            </div>
                                            <div class="layui-input-inline">
                                                <select name="quiz3">
                                                    <option value="">请选择县/区</option>
                                                    <option value="西湖区">西湖区</option>
                                                    <option value="余杭区">余杭区</option>
                                                    <option value="拱墅区">临安市</option>
                                                </select>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="item">
                                    <div class="title">热门区县：</div>
                                    <div class="layui-form filtersRadio">
                                        <div class="cell">
                                            <input type="radio" name="AAA" value="0" title="全部">
                                            <div lay-radio><span>成都市</span></div>
                                        </div>

                                    </div>
                                </div>

                                <div class="collapseBtn">
                                    <i class="layui-icon layui-icon-up"></i>
                                </div>
                            </div>

                            <div class="table-bg not-tool" style="margin-top: 32px;">
                                <!--  表格 -->
                                <table id="test" lay-filter="test"></table>

                            </div>

                        </div>
                        <div class="layui-tab-item">内容-2</div>
                    </div>
                </div>
            </div>
        </div>
    </use-body>
    <div id="ID-test-layer-wrapper" style="display: none;">
        <div class="drawing-view-dialog dialog">
            <div class="inventory">
                <div class="bigtitle">
                    <span style="margin-right: 20px;">040203007001</span><span>混凝土路面 C20商品砼 20cm厚</span>
                </div>
                <div class="layui-tab layui-tab-brief" lay-filter="tab">
                    <ul class="layui-tab-title">
                        <li class="layui-this">清单概览</li>
                        <li>定额及材料</li>
                        <li>措施规费税金</li>
                        <li>笔记</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="gailan">
                                <div class="left">
                                    <div>
                                        <div class="title">清单特征：</div>
                                        <div class="block text">
                                            1.土壤类别：综合考虑<br>
                                            2.挖土深度：≤6m<br>
                                            3.组价类型：机械大开挖土方 工程量≤10万m3<br>
                                            4.其他：满足施工规范
                                        </div>
                                    </div>

                                    <div>
                                        <div class="title">工作内容及工程量计算规则：</div>
                                        <div class="block">
                                            <div><strong>工作内容：</strong>1、排地表水 2、土方开挖 3、围护（挡土板）、及拆除 4、基底钎探 5、运输</div>
                                            <div>&nbsp;</div>
                                            <div>
                                                <strong>工程量计算规则：</strong>
                                                按设计图示尺寸以体积计算。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="right">
                                    <div>
                                        <div class="title">清单分类</div>
                                        <div class="block">
                                            <div class="tags">
                                                <span class="tag">同咨工程咨询</span>
                                                <span class="tag">同咨工程咨询</span>
                                                <span class="tag">同咨工程咨询</span>
                                                <span class="tag">同咨工程咨询</span>
                                                <span class="tag">同咨工程咨询</span>
                                                <span class="tag">同咨工程咨询</span>
                                                <span class="tag">同咨工程咨询</span>
                                                <span class="tag">同咨工程咨询</span>
                                                <span class="tag">同咨工程咨询</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="title">全费用组成</div>
                                        <div class="use-table">
                                            <div class="layui-row">
                                                <div class="layui-col-md3">
                                                    <div class="t">全费用单价：</div>
                                                </div>
                                                <div class="layui-col-md3">
                                                    176,176.25元
                                                </div>
                                                <div class="layui-col-md3">
                                                    <div class="t">综合单价：</div>
                                                </div>
                                                <div class="layui-col-md3">
                                                    176,176.25元
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-col-md3">
                                                    <div class="t">总价措施费：</div>
                                                </div>
                                                <div class="layui-col-md3">
                                                    176,176.25元
                                                </div>
                                                <div class="layui-col-md3">
                                                    <div class="t">规 费：</div>
                                                </div>
                                                <div class="layui-col-md3">
                                                    176,176.25元
                                                </div>
                                            </div>
                                            <div class="layui-row">
                                                <div class="layui-col-md3">
                                                    <div class="t">税金及附加：</div>
                                                </div>
                                                <div class="layui-col-md3">
                                                    176,176.25元
                                                </div>
                                                <div class="layui-col-md3">
                                                    <div class="t layui-font-blue	">人工费调差费率：</div>
                                                </div>
                                                <div class="layui-col-md3 layui-font-blue	">
                                                    42.5%
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="cailiao">
                                <div>
                                    <div class="title">组价定额一览表：</div>
                                    <div class="block">
                                        <table id="test1"></table>
                                    </div>
                                </div>
                                <div>
                                    <div class="title">材料设备一览表：</div>
                                    <div class="block">
                                        <table id="test2"></table>
                                    </div>
                                </div>
                                <div class="layui-btn-center" style="margin-top: 20px;">
                                    <button type="button" class="layui-btn layui-btn-radius">打开新网页查看详情</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            <div class="cailiao">
                                <div>
                                    <div class="title">总价措施费</div>
                                    <div class="block">
                                        <table id="test3"></table>
                                    </div>
                                </div>
                                <div>
                                    <div class="title">规费及税金</div>
                                    <div class="block">
                                        <table id="test4"></table>
                                    </div>
                                </div>
                                <div class="layui-btn-center" style="margin-top: 20px;">
                                    <button type="button" class="layui-btn layui-btn-radius">打开新网页查看详情</button>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item">
                            
                            <div class="note-list">
                                <ul>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user">
                                            <img src="../../static/images/task/Oval.png" alt="">
                                            <div class="title">
                                                <div>
                                                    <span>老王</span>
                                                    <div class="time">
                                                        2019-08-23 22:31
                                                    </div>
                                                </div>
                                                <p>王大拿 新建了任务</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div class="add-note">
                                <div class="title"><strong>添加笔记</strong></div>
                                <div class="inp">
                                    <input class="layui-input" placeholder="请输入笔记内容" type="text">
                                    <button class="layui-btn layui-btn-radius">发布</button>
                                </div>
                                <div style="margin-top: 20px;">
                                    <img src="../../static/images/task/Oval.png" alt="">
                                    路人甲
                                </div>
                                <div class="layui-form">
                                    <input type="radio" name="AAA" value="1" title="公开" checked>
                                    <input type="radio" name="AAA" value="2" title="指定成员" > 
                                  </div>
                            </div>
                        

                        </div>
                    </div>
                </div>
            </div>


            <div class="dialog-footer">
                <!-- 主体 -->
                <div class="cent">
                    <button type="button" class="layui-btn btn-text">取消</button>
                    <button type="button" class="layui-btn layui-btn-radius">确定</button>
                </div>
            </div>
        </div>

    </div>
</body>
<script type="text/html" id="toolbarDemo">

    <div class="layoutLR">
        <div class="sort">
            <div>
                编号排序
                <span class="layui-table-sort layui-inline" lay-sort="desc">
                    <i class="layui-edge layui-table-sort-asc" title="升序"></i>
                    <i class="layui-edge layui-table-sort-desc" title="降序"></i>
                </span>
            </div>
            <div>
                名称排序
                <span class="layui-table-sort layui-inline" lay-sort="asc">
                    <i class="layui-edge layui-table-sort-asc" title="升序"></i>
                    <i class="layui-edge layui-table-sort-desc" title="降序"></i>
                </span>
            </div>
            <div>
                时间排序
                <span class="layui-table-sort layui-inline" lay-sort="desc">
                    <i class="layui-edge layui-table-sort-asc" title="升序"></i>
                    <i class="layui-edge layui-table-sort-desc" title="降序"></i>
                </span>
            </div>
            <div>
                人气排序
                <span class="layui-table-sort layui-inline" lay-sort="desc">
                    <i class="layui-edge layui-table-sort-asc" title="升序"></i>
                    <i class="layui-edge layui-table-sort-desc" title="降序"></i>
                </span>
            </div>
        </div>
        <div>
            <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="getCheckData">批量修改清单</button>
            <button class="layui-btn layui-btn-sm" lay-event="getData"><i class="layui-icon layui-icon-addition"></i>创建项目</button>
        </div>
    </div>


   
  </script>
<!-- 工具栏模板 -->
<script type="text/html" id="ID-table-demo-css-user">
    <div>
        <span class="tag">2023年2月</span>
        <span class="tag">新津区/成都市/四川省</span>
        <span class="tag">同咨工程咨询</span>
        <span >更多</span>
    </div>
  </script>

<script type="text/html" id="operate-btn">
    <div class="operate-btn">
      <i class="iconfont use-mulu layui-btn btn-text" lay-event="dialog"></i>
      <i class="iconfont use-edit layui-btn btn-text"></i>
      <i class="iconfont use-collect layui-btn btn-text"></i>
    </div>
  </script>
<script>
    layui.use('table', function () {
        var $ = layui.$;
        var table = layui.table;
        var util = layui.util;
        var form = layui.form;
        var upload = layui.upload;
        var laydate = layui.laydate;
        var element = layui.element;

        laydate.render({
            elem: '#ID-laydate-range',
            range: ['#ID-laydate-start-date', '#ID-laydate-end-date']
        });
        let data = [{ // 赋值已知数据
            "id": "10001",
            "username": "张三1",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "116"
        }, {
            "id": "10002",
            "username": "张三2",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "12",
            "LAY_CHECKED": true
        }, {
            "id": "10003",
            "username": "张三3",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "65"
        }, {
            "id": "10004",
            "username": "张三4",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "777"
        }, {
            "id": "10005",
            "username": "张三5",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "86"
        }, {
            "id": "10006",
            "username": "张三6",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "12"
        }, {
            "id": "10007",
            "username": "张三7",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "16"
        }, {
            "id": "10008",
            "username": "张三8",
            "sex": "男",
            "city": "浙江杭州",
            "sign": "人生恰似一场修行",
            "experience": "106"
        }]
        // 已知数据渲染
        table.render({
            elem: '#test',
            toolbar: '#toolbarDemo',
            defaultToolbar: false,
            cols: [[ //标题栏
                { type: 'checkbox', fixed: 'center' },
                { field: 'id', title: '清单编号', align: 'center', width: 100 },
                { field: 'username', title: '清单名称', align: 'center', width: 100 },
                { field: 'username', title: '清单特征', align: 'center', width: 100 },
                { field: 'username', title: '单位', align: 'center', width: 100 },
                { field: 'username', title: '工程量', align: 'center', width: 100 },
                { field: 'username', title: '全费用单价', align: 'center', width: 100 },
                { field: 'username', title: '全费用合价', align: 'center', width: 100 },
                { field: 'username', title: '其中：暂估价', align: 'center', width: 100 },
                { field: 'username', title: '总价措施费', align: 'center', width: 100 },
                { field: 'username', title: '其中：安全文明费', align: 'center', width: 100 },
                { field: 'username', title: '规费', align: 'center', width: 100 },
                { field: 'username', title: '税金及附加', align: 'center', width: 100 },
                { field: 'username', title: '清单特征', align: 'center', width: 440, templet: '#ID-table-demo-css-user' },
                { fixed: 'right', field: 'username', title: '操作', width: 200, toolbar: '#operate-btn', align: 'center' },
            ]],
            data,
            skin: 'nob', // 表格风格
            //even: true,
            page: { // 支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['count', 'prev', 'page', 'next', 'limit',], //自定义分页布局
            },
            limit: 10 // 每页默认显示的数量
        });

        table.on('tool(test)', function (obj) {
            if (obj.event === 'dialog') {

                layer.open({
                    type: 1,
                    shade: false, // 不显示遮罩
                    content: $('#ID-test-layer-wrapper'), // 捕获的元素
                    title: '清单详情',
                    closeBtn: 1,
                    success: function () {


                        table.render({
                            elem: '#test1',
                            defaultToolbar: false,
                            cols: [[ //标题栏
                                { field: 'id', title: '定额编', align: 'center' },
                                { field: 'username', title: '定额名称', align: 'center' },
                                { field: 'username', title: '单位', align: 'center' },
                                { field: 'username', title: '数量', align: 'center' },
                                { field: 'username', title: '定额人工费', align: 'center' },
                                { field: 'username', title: '定额材料费', align: 'center' },
                                { field: 'username', title: '定额机械费', align: 'center' },
                                { field: 'username', title: '管理费', align: 'center' },
                                { field: 'username', title: '利润', align: 'center' },
                            ]],
                            data,
                            skin: 'nob', // 表格风格
                            //even: true,
                            page: false
                        });

                        table.render({
                            elem: '#test2',
                            id: 'test2',
                            defaultToolbar: false,
                            cols: [[ //标题栏
                                { field: 'id', title: '序号', align: 'center' },
                                { field: 'username', title: '材料设备编码', align: 'center' },
                                { field: 'username', title: '材料设备名称', align: 'center' },
                                { field: 'username', title: '单位', align: 'center' },
                                { field: 'username', title: '数量', align: 'center' },
                                { field: 'username', title: '单价', align: 'center' },
                                { field: 'username', title: '合价', align: 'center' },
                                { field: 'username', title: '暂估价', align: 'center' },
                                { field: 'username', title: '是否暂估', align: 'center' },
                            ]],
                            data,
                            skin: 'nob', // 表格风格
                            //even: true,
                            page: false
                        });


                        table.render({
                            elem: '#test3',
                            id: 'test3',
                            defaultToolbar: false,
                            cols: [[ //标题栏
                                { field: 'id', title: '序号', align: 'center' },
                                { field: 'username', title: '费用名称', align: 'center' },
                                { field: 'username', title: '费率', align: 'center' },
                                { field: 'username', title: '金额', align: 'center' },
                            ]],
                            data,
                            skin: 'nob', // 表格风格
                            //even: true,
                            page: false
                        });

                        table.render({
                            elem: '#test4',
                            id: 'test4',
                            defaultToolbar: false,
                            cols: [[ //标题栏
                                { field: 'id', title: '序号', align: 'center' },
                                { field: 'username', title: '费用名称', align: 'center' },
                                { field: 'username', title: '费率', align: 'center' },
                                { field: 'username', title: '金额', align: 'center' },
                            ]],
                            data,
                            skin: 'nob', // 表格风格
                            //even: true,
                            page: false
                        });




                    }
                });
            }
        })

        element.on('tab(tab)', function (data) {
            if (data.index === 1) {
                table.reload('test1')
                table.reload('test2')
            }
            if (data.index === 2) {
                table.reload('test3')
                table.reload('test4')
            }
        });

        laydate.render({
            elem: '.laydate'
        });

        $('.collapseBtn').click(function () {
            $(this).find('.layui-icon').toggleClass('layui-icon-down')
            $('.filters .item').each(function (index, i) {
                if (index > 1) {
                    $(i).toggle()
                }
            })
        })

        $('.layui-table-sort-asc').click(function () {
            $(this).parent().attr("lay-sort", "asc")
        })

        $('.layui-table-sort-desc').click(function () {
            $(this).parent().attr("lay-sort", "desc")
        })
    });
</script>

</html>